@import "_public.scss";

//右浮动框
.car_box{
        width: 330px;
//      height: 100%;
        position: fixed;
        right: 40px;
        top: 0;
        bottom: 0;
        background: #fff;
        z-index: 999999;
        border-radius: 5px 0 0 5px;
        border: 1px solid #999;
        display: none;
        .bigtou{
            position: absolute;
            top:45%;
            left: 24px;
            width: 230px;
            height: 119px;
            margin: 0 auto;
            img{
                display: block;
                margin: 0 auto;
            }
            p{
                width: 230px;
                height: 19px;
                margin-top: 20px;
                color: #999999;
            }
        }
        .shop{
            position: fixed;
            bottom: 0px;
            height: 50px;
            width: 310px;
            background: #EEEEEE;
            .shop_l{
                width: 190px;
                height: 50px;
               line-height: 50px;
               padding-left: 20px;
               color: #666666;
               float: left;
            }
            #jian,#qian{
                color: red;
            }
             .shop_r{
                 width: 100px;
                float: left;
                .go{
                    width: 100px;
                    height: 50px;
                    display: block;
                    text-align: center;
                    line-height: 50px;
                    background: #1EAA39;
                    font-weight: 600;
                    font-size: 14px;
                    color: #FFFFFF;
                }
            }
        }
    }
#float_r{
    width: 40px;
    height: 260px;
    background: black;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
   // overflow: hidden;
    //购物车
    
    .r_car{
        width: 40px;
        min-height: 70px;

        margin-top: 20px;
       // overflow: hidden;
        cursor: pointer;
        i{
            display: block;
            width: 40px;
            height: 35px;
            background: url(../image/yuan.png) no-repeat 2px -154px;
        }
        span{
            text-align: center;
            line-height: 35px;
            display: block;
            width: 42px;
            height: 35px;
            background: url(../image/yuan.png)no-repeat -23px -126px;
            color: #fff;
            margin-left: -2px;
            padding-left: 3px;
        }
    }
    .qq{
        width: 40px;
        height: 34px;
        cursor: pointer;

        position: relative;
        .qq_hehe{
                    background: url(../image/yuan.png) no-repeat 1px -101px;
        width: 40px;
        height: 34px;
        margin-top: 20px;
        }
        .qq_l{
            width: 144px;
            height:36px;
            line-height: 36px;
            position: absolute;
            left: -144px;
            background: #1EAA39;
            text-align: center;
            font-size: 14px;
            color: #FFFFFF;
            display: none;
            margin-top: -34px;
        }
    }
    .phone{
        width: 40px;
        height: 34px;
        cursor: pointer;

        position: relative;
        .phone_hehe{
                    background: url(../image/yuan.png) no-repeat 4px -130px;
        width: 40px;
        height: 34px;
        margin-top: 10px;
        }
        .phone_l{
            width: 190px;
            height:36px;
            line-height: 36px;
            position: absolute;
            left: -190px;
            background: #1EAA39;
            text-align: center;
            font-size: 14px;
            color: #FFFFFF;
            display: none;
            margin-top: -34px;
        }
    }
    .erwei{
        width: 40px;
        height: 34px;
        cursor: pointer;

        position: relative;
        .erwei_hehe{
                    background: url(../image/yuan.png) no-repeat -29px -101px;
        width: 40px;
        height: 34px;
        margin-top: 10px;
        }
        .erwei_l{
            position: absolute;
            top:-120px;
            left:40px;
        }
    }
}
#retrun_top_ge{
    width: 40px;
    height: 40px;
    background: black;
    position: fixed;
    top: 310px;
    right: 0;
     z-index: 999989;
    cursor: pointer;
}
#retrun_top{
    width: 40px;
    height: 40px;
    background: url(../image/yuan.png) no-repeat 0px -68px;
   
}
//弹出层样式
 #mask{
        width: 100%;
        height: 100%;
        background: black;
        opacity: 0.6;
//      display: none;
        position: fixed;
        top: 0;
//      z-index: 1;
    }
 #popups_bb{
            width: 950px;
            position: fixed;
//          display: none;
            left: 37.8%;
            margin: 0 0 0 -280px;
//          z-index: 100;
            opacity: 1;
    }
 #popups{
        position: relative;
    }
 .closepopups{
        background: black;
        opacity: 0.6;
//      display: block;
        width: 53px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        right: 12px;
        font-size: 14px;
        top: 5px;     
        color: #fff;  
        text-align: center;
    }
 #btTop{
        height: 90px;
        width: 1190px;
        margin: 0 auto;
        background: red;
        a{
            display: block;
            width: 1190px;
            overflow: hidden;
            img{
                margin-left: -360px;
            }
        }
    }
//弹出层样式结束
//选项卡a标签
.enter{
    border-left:1px solid #1eaa39;
    border-right:1px solid #1eaa39;
    border-top: 2px solid #1eaa39;
    display: block;
    position: absolute;
    height: 36px;
    width: 82px;
    top:0px;
    box-sizing: border-box;
    background: #fff;
    z-index: 2222;
}

//轮播图
section{
    //轮播图开始
    .solid{
        width: 100%;
        height: 488px;
//      background:red;
//      ul{
//          width: 960px;
//          position: absolute;
//          margin-left: 240px;
//          li{
//              
//              float: left;
//          }
//      }
        .solid_bj{
            margin:0 0 0 240px;
            width:960px;
            height: 488px;
            overflow: hidden;
            position: relative;
            background: #FFFFFF;
            .solid_body{
                width:5760px;
                height:488px;
                position: absolute;
                z-index: 10;
              //  left:-960px;
              
                li{
                    float: left;
                    width: 960px;
                }
            }
            //按钮
            .btn{
                width: 970px;
                height: 70px;
                z-index: 11;
                position: absolute;
                color: #fff;
//              font-size: 20px;
//              background: black;
//              opacity: 0.5;
                padding: 5px 20px;
                bottom: 0;
                left:0;
                z-index: 56;
                //遮罩层
                p{
//                  background: red;
                    width: 11px;
                    height: 4px;
                    display: block;
                    margin: 0 auto;
                    margin-top: 5px;
                    background: #1eaa39;
                    display: none;
                }
                span{
//                  display: inline-block;
                    width: 153px;
                    height: 40px;
                    background: black;
                    cursor:pointer ;
//                  margin-left: 1px;
                    color: #fff;
                    line-height: 40px;
                    text-align: center;
                    display:block;
                    float: left;
                    margin-left: 2px;
//                  z-index: 55;
                    opacity: 0.4;
                }
                //span结束
            }
            //按钮结束.
            
        }
    }
    //轮播图结束
    .four{
        width:100%;
        height:200px;
        ul{
            width: 1200px;
            margin: 0 auto;
            li{
                float: left;
                width: 294px;
                margin-left: 6px;
            }
        }
    }
    //四张图片结束.
    //二次轮播开始
    .new_arrival{
        width: 1200px;
        min-height: 285px;
        margin: 0 auto;
        background: #fff;
        margin-top: 20px;
        .new_arrival_top{
            width: 1200px;
            min-height: 43px;
            background: #FFFFFF;
            .new_arrival_top_left{
                width: 380px;
                height: 43px;
                float: left;
                .dazi{
                    font-size: 20px;
                    color: #444;
                    text-align: center;
                    line-height: 43px;
                    display: inline-block;
                }
                .hehehe{
                    color: #999;
                    margin-left: 10px;
                    font-size: 12px;
                }
            }
            .new_arrival_top_right{
                box-sizing: border-box;
                width: 241px;
                height: 42px;
                float: right;
                border: 1px solid #EEEEEE;
                border-bottom: none;
                h4{
                    font-size: 16px;
                    color: #157929;
                    line-height: 42px;
                    padding-left: 10px;
                    a{
                        color: #666;
                        font-size: 12px;
                        float: right;
                    }
                }
            }
            
        }
        .lbzhong{
            width: 960px;
            height: 240px;
              overflow: hidden;
              border-top: 1px solid #1daa39;
              position: relative;
              float: left;
              .lunboBtnLeft{
                  display: block;
                  width: 30px;
                  height: 50px;
                  background: url(../image/icon.png)no-repeat 5px -60px;
                  position: absolute;
                  top:90px;
                  cursor: pointer;
              }
              .lunboBtnRight{
                  display: block;
                  width: 30px;
                  height: 50px;
                  background: url(../image/icon.png)no-repeat ;
                  position: absolute;
                  top:90px;
                  right: 0;
                  cursor: pointer;
              }
                ul{
//              border-left: 1px solid #EEEEEE;
                width: 3840px;
                height: 240px;
                li{
                    box-sizing: border-box;
                    width: 240px;
                    height: 240px;
                    float: left;
                      border-right: 1px solid #EEEEEE;
                    .pic{
                        padding: 16px 50px 10px 50px;
                    }
                    .size{
                        width:130px;
                        height: 75px;
                        margin: 0 auto;
                        overflow: hidden;
                        .name{
                            width: 130px;
                            height: 44px;
                            line-height: 22px;
                            margin-bottom: 5px;
                            font-size: 12px;
                            color: #666666;
                        }
                        .price{
                            color: #E4462C;
                            font-size: 18px;
                        }
                    }
                    img{
                        width: 140px;
                        height: 140px;
                    }
                }
            }
        }
        //轮播结束
        //轮播右部分物流开始
        .wuliu{
            width: 238px;
            height: 240px;
            float: left;
            border: 1px solid #EEEEEE;
            .wuliu_body{
                width: 204px;
                height: 206px;
                margin: 0 auto;
                margin-top: 20px;
                .wuliu_body_top{
                    p{
                        height: 40px;
                        background: url(../image/gg.gif)no-repeat 2px 1px;
                        a{
                            display: block;
                            margin-left: 55px;
                        }
                    }
                    h3{
                        color: #333333;
                        font-size: 16px;
                        line-height: 48px;
                        margin: 10px 2px;
                        height: 48px;
                        cursor: pointer;
                    }
                }
            }
        }
        //轮播右部分物流结束
    }
    //新品首发结束.
    //特惠专区开始
    .pianyimai{
        width: 1200px;
        min-height: 540px;
        background: #FFFFFF;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        //便宜卖上
        .pianyimai_top{
            width: 100%;
            height: 42px;
            border-bottom: 1px solid #1eaa39;
            //左开始
            .pianyimai_top_left{
                 width: 380px;
                height: 43px;
                float: left;
                .dazi{
                    font-size: 20px;
                    color: #444;
                    text-align: center;
                    line-height: 43px;
                    display: inline-block;
                }
                .hehehe{
                    color: #999;
                    margin-left: 10px;
                    font-size: 12px;
                }
            }
            //左结束
            //右开始
            .pianyimai_top_right{
                width: 411px;
                height: 42px;
                float: right;
                ul{
                    width: 100%;
                    height: 34px;
                    margin-top: 8px;
                    position: relative;
                    li{
                        box-sizing: border-box;
                        float: left;
                        width: 82px;
                        height: 34px;
                        line-height: 34px;
                        text-align: center;
                        border: 1px solid #EEEEEE;
                        color: #666666;
                        cursor: pointer;
                    }
                }
            }
            //右结束
        }
        //便宜卖上结束
        //便宜卖下1号开始
        .pianyimai_bottom1{
            box-sizing: border-box;
            width: 1202px;
            height: 500px;
            border-left: 1px solid #eee;
            position: absolute;
            z-index: 1000;
            ul{
                
                li{
                    box-sizing: border-box;
                    border-right: 1px solid #EEEEEE;
                    border-bottom: 1px solid #EEEEEE;
                    float: left;
                }
            }
        }
        //便宜卖下1号结束
        //便宜卖下2号开始
      
        .pianyimai_bottom2{
            box-sizing: border-box;
            width: 1201px;
            height: 500px;
            border-left: 1px solid #eee;
             position: absolute;
            ul{
               
                li{
                    box-sizing: border-box;
                    width: 200px;
                    height: 250px;
                    border-right: 1px solid #eee;
                    border-bottom: 1px solid #eee;
                    float: left;
                    
                    .pig{
                        width: 140px;
                        height:140px;
                        margin: 0 auto;
                        margin-top: 15px;
                        margin-bottom: 10px;
                        img{
                            width: 140px;
                            height: 140px;
                        }
                    }
                    .zi{
                        width: 150px;
                        margin: 0 auto;
                       a{
                           color: #666666;
                       }
                       span{
                           font-size: 18px;
                           color: #E4462C;
                           margin: 5px 0;
                           display: block;
                       } 
                    }
                }
            }
        }
        
        //便宜卖下2号结束
    }
    //特惠专区结束
    //德国进口开始
    .dgjk{
        width: 1200px;
        margin: 0 auto;
    }
    //德国进口结束
    //批量复制区开始.
    .yzs,.yzs2,.yzs3,.yzs4,.yzs5,.yzs6{
        width: 1200px;
        margin: 0 auto;
        min-height: 200px;
        margin-top: 20px;
        overflow: hidden;
        position: relative;
        //头部开始
       .yzs_top{
           width:1200px;
           min-height:43px;
           border-bottom: 1px solid #1eaa39;
           //头左
           .yzs_top_left{
               min-width: 400px;
               min-height: 30px;
               background: #fff;
               display: inline-block;
               float: left;
               .jilou{
                   width: 36px;
                   height: 24px;
                   background: url(../image/jilou.jpg);
                   display: inline-block;
                   margin-top: 12px;
                   line-height: 24px;
                   color: #FFFFFF;
                   font-size: 16px;
                   padding-left: 2px;
                   font-weight: 600;
               }
               .louming{
                   min-width: 400px;
                   min-height: 30px;
                   display: inline-block;
                   padding-top: 3px;
                   .zhonglei{
                       margin-left: 20px;
                       font-size: 20px;
                       color: #444;
                       text-align: center;
                   }
                   .bazi{
                       display: inline-block;
                       color: #999;
                       font-size: 12px;
                       margin-left: 20px;
                       
                   }
                   a{
                       display: inline-block;
                       margin-left: 25px;
                       color: #666666;
                       width: 90px;
                   }
               }
           }
           //头左结束
           //头右开始
           .yzs_top_right{
               min-width: 330px;
               min-height: 42px;
               background:#FFFFFF;
               float: right;
                ul{
                    width: 100%;
                    height: 34px;
                    margin-top: 8px;
                    position: relative;
                    li{
                        box-sizing: border-box;
                        float: left;
                        width: 82px;
                        height: 34px;
                        line-height: 34px;
                        text-align: center;
                        border: 1px solid #EEEEEE;
                        color: #666666;
                        cursor: pointer;
                 
                    }
                }
           }
           //头右结束
       }
        //头部结束
        //身体左半部分
        .yzs_body_left{
            width: 320px;
            height: 496px;
            float: left;
            display: inline-block;
            background: #FFFFFF;
            .top1{
                display: block;
            }
            .top2,.top3{
                overflow: hidden;
                width: 290px;
                height: 124px;
                padding-left: 30px;
                background: #fffff1;
                h5{
                    width: 69px;
                    height: 23px;
                    font-size: 16px;
                    margin:20px 0 10px 0;
                    font-weight: 700;
                }
                a{
                    font-size: 12px;
                    margin-right: 12px;
                }
            }
        }
        //身体左半部分结束.
        //选项卡一号.
        .cyr1{
            position: absolute;
            min-width: 880px;
            min-height: 497px;
            background: #FFFFFF;
            position: absolute;
            left: 320px;
            z-index: 999;
            li{
                float: left;
                border-right: 1px solid rgb(238, 238, 238);
                border-bottom: 1px solid rgb(238, 238, 238);
            }
        }
        //选项卡一号结束.
        //选项卡二号
        .cyr2,.cyr3,.cyr4,.cyr5{
            min-width: 880px;
            min-height: 497px;
            background: #FFFFFF;
              position: absolute;
              left: 320px;
            //display: none;
            li{
                float: left;
                border-right: 1px solid rgb(238, 238, 238);
                border-bottom: 1px solid rgb(238, 238, 238);
                width: 219px;
                height: 247px;
                .img{
                    width: 140px;
                    height: 140px;
                    margin: 0 auto;
                    margin-top: 15px;
                    margin-bottom: 10px;
                    img{
                        width: 140px;
                        height: 140px;
                    }
                }
                .ziti{
                    width: 150px;
                    margin: 0 auto;
                    overflow: hidden;
                    .names{
                        line-height: 22px;
                        height: 44px;
                        overflow: hidden;
                    }
                    span{
                        font-size: 18px;
                        color: #E4462C;
                        margin: 5px 0;
                        
                    }
                }
            }
        }
        
        //选项卡二号结束
    }
    //批量复制区结束

}

